<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HLS</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
</head>
<body>
    
    <div class="video" id="HLSPlayer" >

    <script>
        var video = document.getElementById('video');
        var hls = new Hls();
        var hlsUrl = 'http://域名:8089/hls/123.m3u8';
        hls.loadSource(hlsUrl);
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED,function(){
            video.play();
        });
    </script>    

</body>
</html>